<template>
  <div>

    <Head />
    <div style="margin: 20px"></div>

    <Body />
    <div class="loading" v-if="show === true">
      <i class="el-icon-loading"></i>
    </div>
  </div>
</template>

<script>
export default {
  components: {
    Head: () => import('../components/listHead.vue'),
    Body: () => import('../components/listBody.vue'),
  },
  data() {
    return {
      show: false,
    }
  },
  beforeRouteLeave(to, from, next) {
    this.show = true
    next()
  },
};
</script>

<style>
</style>
